<template>
  <div ref="container" class="h-full w-full overflow-hidden absolute">
    <img
      v-for="i in count"
      :key="i"
      :src="imgPath"
      alt=""
      class="absolute aspect-square"
      :style="{
        top:`${Math.random() * height}px`,
        left:`${Math.random() * width}px`,
        width:`${Math.random() * 80 + 40}px`,
        rotate:`${Math.random() * 360}deg`
      }"
    >
  </div>
</template>

<script setup>
const props = defineProps(['imgPath', 'count'])
const container = ref()
const { width, height } = useElementSize(container)
</script>
